@charset "utf-8";
/* CSS Document */

*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
@media ( max-width : 767px) {
	html{ overflow-y:auto}
	body,th,td,button,input,select,textarea{ font-size:14px}
}
body{line-height:1.6; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
a{ color:#333;}
a:hover{ color:#006cbf;}
/*ul, li {list-style: none;}*/
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*清楚浮动
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}


/* 公共样式*/


/* 响应式栅格系统*/
.container {
	width:100%;
	margin:0 auto;
}
.container::after {
  content: "";
  display: table;
  clear: both;
}
.row {
	width:1200px;
	margin:0 auto;
}
.row100 {
	width:100%;
	margin:0 auto;
}
.row96 {
	width:96%;
	margin:0 auto;
}
.row::after,.row100::after,.row96::after {
  content: "";
  display: table;
  clear: both;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {min-height: 1px;position: relative;}

.col-1{width:8.33333%}
.col-2{width:16.66667%}
.col-3{width:25%}
.col-4{width:33.33333%}
.col-5{width:41.66667%}
.col-6{width:50%}
.col-7{width:58.33333%}
.col-8{width:66.66667%}
.col-9{width:75%}
.col-10{width:83.33333%}
.col-11{width:91.66667%}
.col-12{width:100%}

.col-offset-0{margin-left:0}
.col-offset-1{margin-left:8.33333%}
.col-offset-2{margin-left:16.66667%}
.col-offset-3{margin-left:25%}
.col-offset-4{margin-left:33.33333%}
.col-offset-5{margin-left:41.66667%}
.col-offset-6{margin-left:50%}
.col-offset-7{margin-left:58.33333%}
.col-offset-8{margin-left:66.66667%}
.col-offset-9{margin-left:75%}
.col-offset-10{margin-left:83.33333%}
.col-offset-11{margin-left:91.66667%}

.col-push-0{position:relative;left:0;right:auto}
.col-pull-0{right:0;left:auto}
.col-push-1{left:8.33333%;right:auto}
.col-pull-1{right:8.33333%;left:auto}
.col-push-2{left:16.66667%;right:auto}
.col-pull-2{right:16.66667%;left:auto}
.col-push-3{left:25%;right:auto}
.col-pull-3{right:25%;left:auto}
.col-push-4{left:33.33333%;right:auto}
.col-pull-4{right:33.33333%;left:auto}
.col-push-5{left:41.66667%;right:auto}
.col-pull-5{right:41.66667%;left:auto}
.col-push-6{left:50%;right:auto}
.col-pull-6{right:50%;left:auto}
.col-push-7{left:58.33333%;right:auto}
.col-pull-7{right:58.33333%;left:auto}
.col-push-8{left:66.66667%;right:auto}
.col-pull-8{right:66.66667%;left:auto}
.col-push-9{left:75%;right:auto}
.col-pull-9{right:75%;left:auto}
.col-push-10{left:83.33333%;right:auto}
.col-pull-10{right:83.33333%;left:auto}
.col-push-11{left:91.66667%;right:auto}
.col-pull-11{right:91.66667%;left:auto}
/*局部模块平分*/
.col-1-1{ width:100%}
.col-2-1{ width:50%}
.col-3-1{ width:33.333333%}
.col-3-2{ width:66.666667%}
.col-4-1{ width:25%}
.col-4-3{ width:75%}
.col-5-1{ width:20%}
.col-5-2{ width:40%}
.col-5-3{ width:60%}
.col-5-4{ width:80%}
.col-6-1{ width:16.666667%}
.col-6-5{ width:83.333333%}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left}
.col-xs-12 {width: 100%}
.col-xs-11 {width: 91.66666667%}
.col-xs-10 {width: 83.33333333%}
.col-xs-9 {width: 75%}
.col-xs-8 {width: 66.66666667%}
.col-xs-7 {width: 58.33333333%}
.col-xs-6 {width: 50%}
.col-xs-5 {width: 41.66666667%}
.col-xs-4 {width: 33.33333333%}
.col-xs-3 {width: 25%}
.col-xs-2 {width: 16.66666667%}
.col-xs-1 {width: 8.33333333%}
.col-xs-pull-12 {right: 100%}
.col-xs-pull-11 {right: 91.66666667%}
.col-xs-pull-10 {right: 83.33333333%}
.col-xs-pull-9 {right: 75%}
.col-xs-pull-8 {right: 66.66666667%}
.col-xs-pull-7 {right: 58.33333333%}
.col-xs-pull-6 {right: 50%}
.col-xs-pull-5 {right: 41.66666667%}
.col-xs-pull-4 {right: 33.33333333%}
.col-xs-pull-3 {right: 25%}
.col-xs-pull-2 {right: 16.66666667%}
.col-xs-pull-1 {right: 8.33333333%}
.col-xs-pull-0 {right: auto}
.col-xs-push-12 {left: 100%}
.col-xs-push-11 {left: 91.66666667%}
.col-xs-push-10 {left: 83.33333333%}
.col-xs-push-9 {left: 75%}
.col-xs-push-8 {left: 66.66666667%}
.col-xs-push-7 {left: 58.33333333%}
.col-xs-push-6 {left: 50%}
.col-xs-push-5 {left: 41.66666667%}
.col-xs-push-4 {left: 33.33333333%}
.col-xs-push-3 {left: 25%}
.col-xs-push-2 {left: 16.66666667%}
.col-xs-push-1 {left: 8.33333333%}
.col-xs-push-0 {left: auto}
.col-xs-offset-12 {margin-left: 100%}
.col-xs-offset-11 {margin-left: 91.66666667%}
.col-xs-offset-10 {margin-left: 83.33333333%}
.col-xs-offset-9 {margin-left: 75%}
.col-xs-offset-8 {margin-left: 66.66666667%}
.col-xs-offset-7 {margin-left: 58.33333333%}
.col-xs-offset-6 {margin-left: 50%}
.col-xs-offset-5 {margin-left: 41.66666667%}
.col-xs-offset-4 {margin-left: 33.33333333%}
.col-xs-offset-3 {margin-left: 25%}
.col-xs-offset-2 {margin-left: 16.66666667%}
.col-xs-offset-1 {margin-left: 8.33333333%}
.col-xs-offset-0 {margin-left: 0}
@media (max-width:767px){
	.responsive [class^="col-"],.responsive [class*=" col-"]{float:none!important;width:auto!important}
	.responsive [class^="col-offset-"],.responsive [class*=" col-offset-"]{ margin-left:0px!important}
}
@media(min-width:768px){
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666666666666%}
	.col-sm-10{width:83.33333333333334%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666666666666%}
	.col-sm-7{width:58.333333333333336%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666666666667%}
	.col-sm-4{width:33.33333333333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.666666666666664%}
	.col-sm-1{width:8.333333333333332%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666666666666%}
	.col-sm-pull-10{right:83.33333333333334%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666666666666%}
	.col-sm-pull-7{right:58.333333333333336%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666666666667%}
	.col-sm-pull-4{right:33.33333333333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.666666666666664%}
	.col-sm-pull-1{right:8.333333333333332%}
	.col-sm-pull-0{right:0}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666666666666%}
	.col-sm-push-10{left:83.33333333333334%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666666666666%}
	.col-sm-push-7{left:58.333333333333336%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666666666667%}
	.col-sm-push-4{left:33.33333333333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.666666666666664%}
	.col-sm-push-1{left:8.333333333333332%}
	.col-sm-push-0{left:0}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666666666666%}
	.col-sm-offset-10{margin-left:83.33333333333334%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666666666666%}
	.col-sm-offset-7{margin-left:58.333333333333336%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666666666667%}
	.col-sm-offset-4{margin-left:33.33333333333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.666666666666664%}
	.col-sm-offset-1{margin-left:8.333333333333332%}
	.col-sm-offset-0{margin-left:0}
}
@media(min-width:992px){
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666666666666%}
	.col-md-10{width:83.33333333333334%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666666666666%}
	.col-md-7{width:58.333333333333336%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666666666667%}
	.col-md-4{width:33.33333333333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.666666666666664%}
	.col-md-1{width:8.333333333333332%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.66666666666666%}
	.col-md-pull-10{right:83.33333333333334%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.66666666666666%}
	.col-md-pull-7{right:58.333333333333336%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.66666666666667%}
	.col-md-pull-4{right:33.33333333333333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.666666666666664%}
	.col-md-pull-1{right:8.333333333333332%}
	.col-md-pull-0{right:0}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.66666666666666%}
	.col-md-push-10{left:83.33333333333334%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.66666666666666%}
	.col-md-push-7{left:58.333333333333336%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.66666666666667%}
	.col-md-push-4{left:33.33333333333333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.666666666666664%}
	.col-md-push-1{left:8.333333333333332%}
	.col-md-push-0{left:0}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.66666666666666%}
	.col-md-offset-10{margin-left:83.33333333333334%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.66666666666666%}
	.col-md-offset-7{margin-left:58.333333333333336%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.66666666666667%}
	.col-md-offset-4{margin-left:33.33333333333333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.666666666666664%}
	.col-md-offset-1{margin-left:8.333333333333332%}
	.col-md-offset-0{margin-left:0}
}
@media(min-width:1200px){
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666666666666%}
	.col-lg-10{width:83.33333333333334%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666666666666%}
	.col-lg-7{width:58.333333333333336%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.66666666666667%}
	.col-lg-4{width:33.33333333333333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.666666666666664%}
	.col-lg-1{width:8.333333333333332%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.66666666666666%}
	.col-lg-pull-10{right:83.33333333333334%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.66666666666666%}
	.col-lg-pull-7{right:58.333333333333336%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.66666666666667%}
	.col-lg-pull-4{right:33.33333333333333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.666666666666664%}
	.col-lg-pull-1{right:8.333333333333332%}
	.col-lg-pull-0{right:0}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.66666666666666%}
	.col-lg-push-10{left:83.33333333333334%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.66666666666666%}
	.col-lg-push-7{left:58.333333333333336%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.66666666666667%}
	.col-lg-push-4{left:33.33333333333333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.666666666666664%}
	.col-lg-push-1{left:8.333333333333332%}
	.col-lg-push-0{left:0}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.66666666666666%}
	.col-lg-offset-10{margin-left:83.33333333333334%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.66666666666666%}
	.col-lg-offset-7{margin-left:58.333333333333336%}
	.col-lg-offset-6{margin-left:50%}
	.col-lg-offset-5{margin-left:41.66666666666667%}
	.col-lg-offset-4{margin-left:33.33333333333333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.666666666666664%}
	.col-lg-offset-1{margin-left:8.333333333333332%}
	.col-lg-offset-0{margin-left:0}
}

/*图标字体*/
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1589332485338'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1589332485338#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1589332485338') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1589332485338') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1589332485338#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.iconmore:before{content:"\e637"}
.iconyouhuiquan:before{content:"\e667"}
.iconsign:before{content:"\e649"}
.iconai-tool:before{content:"\e627"}
.icondianhua:before{content:"\e614"}
.iconshangwu:before{content:"\e69d"}
.icondianhua1:before{content:"\e69a"}
.iconweixin:before{content:"\e615"}
.iconbaozhang:before{content:"\e664"}
.iconyijicaidan:before{content:"\e618"}
.iconcheliangweixiubaoyang:before{content:"\e617"}
.iconjinengbiaoqian:before{content:"\e62e"}
.iconQQ:before{content:"\e882"}
.icondaxue:before{content:"\e6e8"}
.iconxueli:before{content:"\e611"}
.iconjiuyechuangye:before{content:"\e616"}
.iconxiuchefuwu:before{content:"\e623"}
.iconflag:before{content:"\e622"}
.iconziyuan:before{content:"\e612"}
.iconshouji:before{content:"\e669"}
.iconV:before{content:"\e6c8"}
.iconkefu:before{content:"\e753"}



/*排版-标题*/
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-weight:400;line-height:1;color:#999}
h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}
h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}

/*3.1.2 强调
	Example:
	<p>这是段落，向下10像素间距</p>
	<smail>小型文本，是父容器字体大小的85%</smail>
	<strong>重要文本，加粗显示</strong>
	<em>被强调的文本，斜体显示</em>
	<u>带下划线的文本</u>
	<cite>引用</cite>
	<mark>突出显示文本</mark>
	<del>带删除线的文本</del>
	<pre class="prettyprint linenums">预格式化的文本</pre>
*/
/*p{margin-bottom:10px}	段落*/
small{font-size:85%}	/*小型文本*/
b,strong {font-weight: bold}	/*重要的文本，加粗*/
em{font-style:italic}	/*被强调的文本*/
i{}	/*斜体*/
u{}	/*加下划线*/
cite{font-style:normal}	/*引用*/
mark{color:#000;background:#ff0}/*突出显示文本*/
var{}	/*变量*/
kbd{}	/*键盘文本*/
code{}	/*计算机代码文本*/
dfn{font-style: italic}	/*一个定义项目*/
del{font-family:Simsun}	/*删除线*/
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em}
pre{white-space: pre-wrap}	/*预格式化的文本*/
.uppercase{text-transform:uppercase} /*文字大写*/
.lowercase{text-transform:lowercase} /*文字小写*/
.capitalize{text-transform:capitalize} /*首字母大写*/
.en{font-family:Arial!important}


/*3.1.3 对齐
	Name:			style_text-align
	Example:		class="text-l|text-r|text-c|va-t|va-m|va-b"
	Explain:		.text-水平对齐 （.text-l左对齐|.text-r右对齐|.text-c居中对齐）
					.va-上下对齐 （.va-t 居上对齐|.va-m 居中对齐|.va-b 居下对齐）
*/
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{vertical-align:top!important}.va-m{vertical-align:middle!important}.va-b{vertical-align:bottom!important}
/*3.1.4 定位
	Name:			style_position
	Example:		class="pos-r|pos-a|pos-f"
	Explain:		.pos-r 相对定位|.pos-a 绝对定位|.pos-f 固定
*/
.pos-r{position:relative}.pos-a{position:absolute}.pos-f{position:fixed}
/*3.1.5 浮动
	Name:			style_float
	Example:		class="l|r"
	Explain:		.l 左浮动|.r 右浮动
*/
.l,.f-l{float:left!important;_display:inline}
.r,.f-r{float:right!important;_display:inline}

[class*="span"].r,
[class*="span"].f-r{float:right}

/*控制元素对定位的位置：居左|居右|j居上|居下*/
.left{ left:0; right:auto}
.right{ right:0; left:auto}
.top{ top:auto; bottom:0}
.bottom{ top:0; bottom:auto}

/*3.1.6 文字单行溢出省略号
	Name:			style_text-overflow
	Example:		class="text-overflow"
*/
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*3.1.7 线条
	Name:			style_line
	Example:		class="line"
*/
.line{font-size: 0px; line-height: 0px; border-top: solid 1px #eee; float: none}
/*3.1.8 外边距
	Name:			style_margin
	Example:		class="mt-5|mt-10..."
	Explain:		.mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
/*3.1.9 内填充
	Name:			style_padding
	Example:		class="pt-5|pt-10|……"
	Explain:		.pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}
/*3.1.10 边框，css3圆角
	Name:			style-border
	Example:		class="bk_gray radius"
	Explain:		.bk_gray 边框|radius 圆角|round 椭圆 | circle 圆形
*/
.bk-gray{border:solid 1px #eee}
.radius{border-radius:4px}
.size-MINI.radius{ border-radius:3px}
.size-L.radius{ border-radius:5px}
.size-XL.radius{ border-radius:6px}
.round{border-radius:50%; overflow:hidden}

/*3.1.11 css3阴影
	Name:			style_shadow
	Example:		class="box_shadow|text-shadow"
	Explain:		box_shadow 块级元素阴影，全局样式，可用在表格，文本框，文本域，div等块级元素上。
					text-shadow 文字阴影
*/
.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2)}
/*3.1.12 行内分割竖线
	Name:			style_pipe
	Example:		<span class="pipe">|</span>
*/
.pipe{margin:0 5px;color:#CCC;font-size:10px!important}
.pipe-two{margin:0 5px;color:#CCC!important}
/*3.1.13 文字尺寸
	Name:			style_font-size
	Example:		class="f-12|f-14|f-16|f-18|f-20|f-24|f-26|f-28|f-30"
	Explain:		12px字体|14px字体|16px字体|18px字体|20px字体|24px字体|26px字体|28px字体|30px字体
*/
.f-12{font-size:12px}.f-14{font-size:14px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-22{font-size:22px}.f-24{font-size:24px}.f-26{font-size:26px}.f-28{font-size:28px}.f-30{font-size:30px}.f-32{font-size:32px}.f-34{font-size:34px}.f-36{font-size:36px}.f-42{font-size:42px}.f-48{font-size:48px}.f-54{font-size:54px}.f-60{font-size:60px}
/*3.1.14 文字行距
	Name:			mod_line-height
	Example:		class="lh-16|lh-18|lh-20|lh-22|lh-24|lh-26|lh-28|lh-30"
	Explain:		16px行高|18px行高|20px行高|22px行高|24px行高|26px行高|30px行高
*/
.lh-16{line-height:16px}.lh-18{line-height:18px}.lh-20{line-height:20px}.lh-22{line-height:22px}.lh-24{line-height:24px}.lh-26{line-height:26px}.lh-28{line-height:28px}.lh-30{line-height:30px}


/*辅助色—灰色*/
.c-666,.c-666 a,a.c-666{color:#666}
.c-666 a:hover,a.c-666:hover{ color:#666}
.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{color:#999}

/*标准色—红色*/
.c-red,.c-red a,a.c-red{color:red}
.c-red a:hover,a.c-red:hover{ color:red}
/*标准色—绿色*/
.c-green,.c-green a,a.c-green{color:green}
.c-red a:hover,a.c-red:hover{color:green}
/*标准色—蓝色*/
.c-blue,.c-blue a,a.c-blue{color:blue}
.c-blue a:hover,a.c-blue:hover{color:blue}
/*标准色—白色*/
.c-white,.c-white a,a.c-white{color:white}
.c-white a:hover,a.c-white:hover{color:white}
/*标准色—黑色*/
.c-black,.c-black a{color:black}
.c-black a:hover,a.c-black:hover{color:black}
/*标准色—橙色*/
.c-orange,.c-orange a,a.c-orange{color:#fff000}
.c-orange a:hover,a.c-orange:hover{color:#ffcc3b}
/*标准色—标题色*/
.c-333,.c-333 a,a.c-333{color:#333}
.c-333 a:hover,a.c-333:hover{color:#333}
/*网站色—标题色*/
.c-ed3c42,.c-ed3c42 a,a.c-ed3c42{color:#ed3c42}
.c-ed3c42 a:hover,a.c-ed3c42:hover{color:#ed3c42}



/*顶部导航*/
.wraper{ width:100%;}
.top_main{ background-color: #fafafa;height: 40px;border-bottom: 1px solid #d9d9d9;}
.tm_l,.tm_r{ line-height:40px;}
.tm_l li,.tm_r li{ float:left; display:inline-block;}
.official {
    background-color: #1F8ADC;
    padding: 2px 6px;
    display: inline-block;
    line-height: 1.6;
}
.add_main{ height:100px; }
.add_main img {
	-webkit-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}

.add_main img:hover {
	transform: scale(1.02,1.06);
	-webkit-transform: scale(1.02,1.02);
	-o-transform: scale(1.02,1.02);
}
/*logo*/
.logo_main{ width:1200px; background:#fff; display:block; margin:0 auto;}
.logo_l{ width:770px; float:left;}
.logo_r{ width:240px; float:right;}
.logo_l,.logo_r{ height:80px;}
.logo_l ul{ border-left:1px solid #e0e0e0;}
.logo_l li{ line-height:20px;}
.logo_l a{ display:block;}
.logo_l img {vertical-align: middle;margin-top: 10px;}
.toptel{ color:#14a7ea;}











/*底部链接*/
.fot{ background-color:#f8f8f8;border-top:1px solid #dcdcdc}
.fot h4{ margin:10px 0;}
.fot-b{overflow:hidden}
.fot-b .bk-gray{border-color:#e7e7e7; border-right:0;}
.fot-b >li>i,.sys-wx,.item-g >li>i,.icn_tip_close{background-image:url(../images/icon.png); background-repeat:no-repeat;}
.fot-b >li>i{display:inline-block;height:81px; width:68px; margin-right:10px;}
.fot-i-1{background-position:-216px 0;}
.fot-i-2{background-position:-162px -103px;}
.fot-i-3{background-position:0 0;}
.fot-i-4{background-position:-68px 0; }
.fot-i-5{background-position:-136px 0;}
.item-g{ border-top:1px solid #dcdcdc;}
.item-g >li>i{display:inline-block;height:50px; width:50px; margin-right:10px}
.item-g1{background-position:-25px -93px;overflow:hidden}
.item-g2{background-position:-79px -93px;overflow:hidden}
.item-g3{background-position:-133px -93px;overflow:hidden}
.item-g{border-color:#e7e7e7;}
.item-g > h4{ margin-bottom:5px;}

.item-g li .item-g1,.item-g li .item-g2,.item-g li .item-g3{transition:1s;-webkit-transition:1s;transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.item-g li:hover .item-g1,.item-g li:hover .item-g2,.item-g li:hover .item-g3{transition:1s;-webkit-transition:1s;transform:rotate(360deg);-webkit-transform:rotate(360deg);}

.site_info{background:#f8f8f8; }
.group_logo{width:422px;height:80px;text-indent:-9999px;position:absolute; }
.copyright{padding:15px 0;}
.copyright p{text-align:right;font-size:12px;line-height:25px;color:#888;}
.copyright p em{font-weight:bold;}
.logo_f{background:url(../images/logo.png) no-repeat center center;}

.yxxz_btn{width: 290px; margin-top: 10px;}.yxxz_btn a{background-color:#ff0100;border: 0 none;color:#fff;font-size: 14px;display: block;text-align: center;padding: 5px 0;}
.suc_student li p{font-weight: bold;}

.side2{ position:fixed; right:0; top:100px; width:164px; height:470px; cursor:pointer; z-index:20; background-size:100% 100%;  }